body{font-family: "微软雅黑";font-size: 100%;display: flex;background: #f2f2f2;}
/*头部*/
.toubu{
	z-index: 222;
	position: fixed;
	width: 100%;
	top: 0;
	left:0;
}
.toubuli{
	background: rgb(0,0,0);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	height: 75px;
	width:100%;
	opacity: 0.75;
	padding-top:15px;
	padding-bottom: 10px;
	text-align: center;
}
#logo1{
	height:44px;
	width:136px;
}
#maodianhang{
	position: absolute;
	font-size:0.8rem;
	bottom: 5px;
	font-family: HUM521L;
	width: 100%;
}
#maodian{
	width:80%;
	text-align: center;	
	margin:auto;
}
#maodian a{text-decoration: none;
            margin-left: 11%;
			cursor: pointer;
		   }
#maodian a{color: #898989;}
#maodian a:visited{color: #898989;}
#maodian a:hover{color: white;}
#maodian a:active{color: white;}
#maodian #frista{margin-left:0;color:white;}
/*中间*/
.shengyu{
	     position:absolute;
         width: 100%;
		 left:0;
		 
}
.zhongjian{
	       margin: auto;
	       width: 80%;
	       margin-top: 8.125rem;
          }
#toutu img{	
	       width: 100%;
          }
.zhongjian1 p{
              width: 100%;
	          margin-top: 50px;
	          text-indent: 2em;
	          padding-top: 2%;
	          padding-bottom: 2%;
	          font-size: 1.2em;
	          line-height: 1.5em;
	          color: rgb(102, 102, 102);
	          font-family: STKaiti, 微软雅黑;
	          border-top: 1px solid rgb(232, 232, 232);
	          border-bottom: 1px solid rgb(232, 232, 232);
             }
#duogelogo{margin:2% auto;
    width: 100%;
	text-align: center;
}
#duogelogo img{
	    width: 4.8%;
	    margin: 0px 0.7%;
	    min-width: 35px;
}
#duogelogo img:hover{transform: translate(0,-20px);}
.zhongjian2{
	width: 100%;
	overflow: hidden;
}
.tu{
	width:31%;
	margin:2% 0;
	float: left;
	background: white;
    box-shadow: 2px 2px 2px #e3e3e3;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer;
}
.tu img{width: 100%;margin:0;padding: 0;}
.tu p{
	clear: both;
	text-align: center;
    line-height: 28px;
	font-family: HUM521L;
	font-size: 0.98em;
    color: #666666;
	white-space: nowrap;
    margin: 0;
    padding: 0;
}
.tu p:hover{
	transform:scale(2,2);
}
.pian2,.pian5,.pian8{margin: 2% 3.5%;}
/*尾部*/
.weibu{
	    background: #e0e0e0;
	    width: 100%;
	    margin-top: 40px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    color: #666666;
	    overflow: hidden;
}
#zuobian{
	    float: left;
		width: 49%;
}
#zuobianlogo{
	    float: right;
	    height: 70px;
	    font-size: 0.75em;
	    margin-bottom: 5px;
}
#zuobianlogo img{
	width: 40px;
	float: left;
	margin-left: 6px;
	margin-bottom: 10px;
}
#youbian{
	    border-left: 1px #bcbcbc solid;
	    float: right;
	    width: 49%;
}
#youbianzhong{
	    margin-left: 3%;
	    font-size: 0.75em;
}
img{width: 90px;
	    margin-bottom: 10px;}
#youbian p{
	    margin-top: 0;
	    margin-bottom: 5px;
		text-shadow: 1px 1px 1px white;
		color: #666666;
}
/*媒体查询*/
@media screen and (max-width:31.25rem) {
.tu{
    width: 44%;
    margin-top: 2%;
    margin-left: 4%;
    margin-right: 0;
	transition: all 1s ;
}
.zhongjian{
	       width:98%;
}
}
@media screen and (max-width:50rem) {
.tu p{font-size:80%;}
}